<template>
	<view>
		<cu-custom :isBack="true" bgColor="bg-blue">
			<block slot="content">消息</block>
		</cu-custom>
		<view class="padding-t">
			<view class="bg-white">
				<view class="flex padding2030 dashed-bottom" @tap="handleInfoDetail">
					<view class="icon-block margin-right-10">
						<text class="ph-shengchanjihua text-white font-size50 text-center"></text>
						<view class="uTag" v-if="this.$store.state.info.flag"></view>
					</view>
					<view class="width100 margin-tb-auto">
						<view class="font-size24 margin-b-10">{{this.$store.state.info.body}}</view>
						<view class="flex justify-between">
							<view class="state-blue font-size24">生产信息</view>
							<view>{{this.$store.state.info.time}}</view>
						</view>
					</view>
				</view>
				<!-- <view class="flex padding2030 dashed-bottom">
					<view class="icon-block margin-right-10">
						<text class="ph-shengchangaiyao text-white font-size50 text-center"></text>
					</view>
					<view class="width100 margin-tb-auto">
						<view class="font-size24 margin-b-10">订单信息模块最新消息推送，订单信息模块最新消息...</view>
						<view class="flex justify-between">
							<view class="state-blue font-size24">订单信息</view>
							<view>2021-01-02</view>
						</view>
					</view>
				</view> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			handleInfoDetail() {
				this.$store.dispatch('changeInfoTap')
				uni.navigateTo({
					url: '/pages/info/detail'
				})
			}
		}
	}
</script>

<style>
	.icon-block {
		width: 80upx;
		height: 80upx;
		line-height: 80upx;
		text-align: center;
		background: linear-gradient(315deg,#3363e9, #3088f4);
		border-radius: 6upx;
		position: relative;
	}
	.uTag {
		position: absolute;
		width: 16upx;
		height: 16upx;
		border-radius: 50%;
		background-color: #dd514c;
		top: -4upx;
		left: 70upx;
	}
</style>
